*{ margin:0;padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; 
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; font: 14px/1.5 Helvetica, Arial, \5FAE\8F6F\96C5\9ED1, sans-serif; }
table, td, tr, th { border-collapse: collapse; border-spacing: 0; font-size: 14px; }
ol, ul { list-style: none; }
li { list-style-type: none; }
img { vertical-align: middle; border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; }
address, cite, code, em, th, i { font-weight: normal; font-style: normal; }
.clear { clear: both; *zoom:1;
}
.clear:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a { text-decoration: none; color:#333;cursor:pointer; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
body { overflow-x: hidden; }
.fl { float:left;}
.fr { float:right;}
@font-face {font-family: "impact";src: url(../fonts/impact.ttf);}
@font-face {font-family: "Aileron";src: url(../fonts/Aileron-Black.otf);}

/* 按钮样式去除*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
input{ border-radius: 0; } 
.w1400 { width: 1400px; margin: 0 auto; }
@media screen and (max-width:1600px) and (min-width:1200px) {
.w1400 { width: 95%; }
}
@media screen and (max-width:1440px) {
.w1400 { width: 95%; }
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:0;
}/* 滚动槽 */
::-webkit-scrollbar-track {
background-color:#f0f0f0;
border-radius:0px;
}/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background-color:#1f1f1f;
}
::-webkit-scrollbar-thumb:window-inactive {
background-color:#1f1f1f;
}
/*苹果手机默认按钮样式去除*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
input { border-radius: 0; }
/**top start**/
header{ height:105px; border-top:5px solid #00b0ec; position:relative; z-index:99999; background:#fff;}
header .topbox{ width:100%; padding:0 48px; background:#fff;}
header .topbox:before{ content:""; display:block; width:100px; height:100px; background:#00b0ec; position:absolute; left:0; top:0;}
header .logo{ width:28%; height:100px;background: #fff url(../images/logo_bg.png) left no-repeat; float:left; display:block; position: absolute; background-size:100% 100%;}
header .logo img{ max-width:90%; max-height:100%;position:absolute; top:50%; transform:translateY(-50%);}
header .top_line{ display:block; float:right; width:1px; height:20px; background:#cacaca;margin:35px 20px 0; display:none;}
header .top_search_icon{background: url(../images/ss1.png) 10px center no-repeat;width:60px;height:100px;float:right;cursor:pointer;transform: scale(1) ;transition: .6s ease-in-out;transition-duration: .5s;}
header .top_tel { overflow:hidden; color:#fff; font-size:22px; font-weight:bold; text-overflow:ellipsis; word-break:break-all; white-space: nowrap; float:right; background:#00b0ec url(../images/top_tel.png) no-repeat 5px center; width:205px; height:40px; line-height:40px; border-radius:40px; padding-left:45px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:30px;}
header .top_tel img { display:block; width:40px; height:40px; margin:30px 4px 20px 0; padding:0; float:left;}
header .top_nav{width: calc(70% - 290px); float:right;}
.menu-button {position:relative;display:none;padding: 0;background: none;color:#ddd;cursor:pointer;line-height: 70px;font-weight:700;font-size:14px;font-size: 0;}
.menu-button.one-page {position:fixed;top:0;right:5%;padding-right:45px}
.menu-button .touch-button {background:transparent;position:absolute;z-index:999;top:0;right:0;width: 100%;height: 70px;display:inline-block;text-align:center;}
.menu-button .touch-button .navicon {font-size:16px;position:relative;top:1em;color:#666}
.menu-button::after {position:absolute;content:"";right:5px;top: 27px;height:6px;width: 24px;border-top: 2px solid #00b0ec;border-bottom: 2px solid #00b0ec;z-index:1;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.menu-button::before {position:absolute;content:"";right:5px;top: 40px;height:3px;width: 24px;border-bottom: 2px solid #00b0ec;z-index:1;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.flexnav {margin:0;padding:0;list-style:none;line-height:1;display:block;overflow:visible;width:100%;height: 100%;font-family:"Noto Sans",Helvetica,sans-serif;}
.flexnav:after {content:"";display:table;clear:both}
.flexnav li { width:12.5%; float:left; position:relative; text-align:center;}
.flexnav li:first-child { width: 10%; }
.flexnav>li.item-with-ul>a {padding-right: 40px;}
.flexnav li a {position:relative;display:inline-block; text-align:center;height:100px;line-height:100px;font-size:18px;color:#222;text-decoration:none;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-ms-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in;}
.flexnav ul li a {width: 80px;font-weight:400;font-size:13px;padding:13px 25px;text-align: center; position:relative;}
.flexnav li a::before, .flexnav li.active a::before { content: ""; display: block; position: absolute; bottom: 0; height: 4px; width: 3px; left: 50%; transform: translateX(-50%); opacity: 0; background-color: #f3dd16; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; }
.flexnav li:hover a::before, .flexnav li.active a::before { width: 100%; opacity: 1; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; }
.flexnav ul {position:absolute;top:auto;left:0;display:block;padding:0}
.flexnav>li>ul {left: 50%;right:0;margin-left: -65px;}
.flexnav ul ul {margin-left:100%;top:0}
.flexnav li ul li {position:relative;overflow:hidden}
.flexnav li ul.show li {overflow:visible}
.flexnav li ul li a {background: rgba(255,255,255,.3);}
.flexnav ul li ul li a {background:#253136}
.flexnav ul li ul li ul li a {background:#2c3b40}
.flexnav li ul.open {display:block;opacity:1;visibility:visible;z-index:1}
.flexnav li ul.open li {overflow:visible;max-height:90px}
.flexnav li ul.open ul.open {margin-left:100%;top:0}
.flexnav .touch-button {position:absolute;z-index:999;top:0;right:0;width:46px;height: 80px;display:inline-block;text-align:center;}
.flexnav .touch-button:hover {cursor:pointer}
.flexnav .touch-button::after {height:0;width:0;content:"";border:6px solid transparent;border-top-color:#fff;display:block;position:absolute;top: 37px;left:17px;}
.flexnav>li:hover>.touch-button::after,.sm-screen .submenu-open::after {border-top-color:#ca1511}
.flexnav ul li .touch-button {width:39px;height:39px;background:rgba(255,255,255,.05);border-top-color:transparent}
.flexnav ul li .touch-button::after {top:15px}
.flexnav.lg-screen ul li .touch-button::after {border-left-color:#ddd;border-top-color:transparent;border-width:5px}
.flexnav.lg-screen ul li:hover>.touch-button::after {border-left-color:#ca1511}
.flexnav.sm-screen ul li .touch-button::after {border-width:5px;left:14px;top:17px}
.flexnav li .item-with-ul { width:120%; left:-10%; height:0; overflow:hidden; margin:0; padding:0 10px; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.3); position:absolute; top:100%; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;box-sizing:border-box;z-index: 999;}
.flexnav li:hover .item-with-ul { height:auto; padding:10px 10px 30px;}
.flexnav .item-with-ul a { display:block; width:100%; height:55px; line-height:55px; color:#666; font-size:15px; font-weight:normal; text-align:center; margin:0 auto; padding:0; border-bottom:1px solid #eee; position:relative;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.item-with-ul a:hover { color:#00b0ec; background-color:#fff;}
.item-with-ul a em { display:block; width:0; height:1px; overflow:hidden; margin:18px 10px 0 0; padding:0; float:left; background-color:#00b0ec;-webkit-transition: all .5s;-moz-transition: all .25s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s; position:absolute; left:0; bottom:0;}
.item-with-ul a:hover em { width:100%;}

/*弹出搜索框样式*/
.search_wrap {width: 100%; padding:0 48px;height:100%;background:#fff;transform: scale(0);opacity:0; box-sizing:border-box;}
header .search_wrap:before{ content:""; display:block; width:100px; height:100px; background:#00b0ec; position:absolute; left:0; top:0;}
.search_wrap .search_in {position:absolute;z-index:10;right:48px;top:22px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0; width:600px;height:44px;margin-left:-300px;padding-right:44px;border-bottom:1px solid rgba(0,0,0,0.1);color:#666;line-height:44px;transition:all 0.5s; box-sizing:border-box;}
.search_in input.serach {width:100%;display:block;height:44px;line-height:44px;color:#555;font-size:15px;position:relative;border:none;background:none; outline:none; box-sizing:border-box;text-indent:0;}
.search_in .sub {position:absolute;top:0;right:34px;z-index:5;display:block;width:44px;height:44px;background:url(../images/ss1.png) center center no-repeat;border:none;outline:none;box-sizing:border-box;}
.search_close {position:absolute;z-index:-1;display:block;right:0;top:50%;margin-top:-11px;width:24px;height:24px;background:url(../images/close.png) no-repeat center;background-size:24px !important;cursor:pointer;transition-duration:.5s;transform:scale(0);}
.show1 {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.search_wrap.show1 .search_in{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
.search_wrap.show1 .search_close{transform:scale(1);}
@media screen and (max-width:1560px){
	header .topbox{ width:95%; margin:0 auto; padding:0;}
	.flexnav li a{ font-size:17px;}
	header .top_tel{ font-size:20px; width:195px;}
	.search_wrap{ width:95%; margin:0 auto; padding:0;}
	.search_wrap .search_in{ right:0;}
}
@media screen and (max-width:1440px){
	header .top_nav{width: calc(70% - 220px); float:right;}
	header .top_search_icon{ width:40px;background: url(../images/ss1.png) 0 center no-repeat;}
	header .top_tel{width: 175px; height:36px; line-height:36px; font-size:18px; padding-left: 40px; background: #00b0ec url(../images/top_tel.png) no-repeat 3px center; margin-top:32px;}	
}
@media screen and (max-width:1300px){
	 header{ height:95px;}
	 header .topbox:before{ height:90px;}
	 header .logo{ height:90px;}
	.flexnav li a{ font-size:16px; height:90px;line-height:90px;}
	.flexnav li a i{ bottom:15px;}
	.flexnav li:hover>a i,.flexnav li.active>a i { width:40px;}
	.flexnav li .item-with-ul{ width:140%; left:-20%;}
	 header .top_search_icon{ height:90px;}
	 header .top_tel{ margin-top:27px;}
	 header .search_wrap:before{ height:90px;}
	 .search_wrap .search_in{ width:500px;}
	
}
@media screen and (max-width:1200px){
	header .top_nav{width: calc(70% - 70px);}
	header .top_tel{ display:none;}
}
@media screen and (max-width:1079px){
	header.hide1 .topbox{ display:none;}
	header .logo{ width:50%;}
	header .top_search_icon{ margin-right:15px; background: url(../images/ss1.png) center no-repeat;}
	header .top_line{ display:block;}
	header .top_tel{ display:block;}
	header .top_nav { width: 100%; max-width: 100%; float: none;}
	.flexnav {padding-top:0;overflow:hidden;max-height:0;position:fixed;left:0;top: 90px;background-color:white;}
	.flexnav.show {border-top: 1px solid #ededed;overflow:visible;max-height:2000px;width:100%;height:100%;padding:14px 0 0;z-index:10;color:#666;overflow-y:auto;z-index: 999999;}
	.flexnav li {float:none;width: 90%;border-bottom: 1px solid #ededed; margin: 0 auto;}
	.flexnav li:first-child{ width:100%;}
	.flexnav li a{min-height:60px;line-height:60px;width: 30%; height:auto;font-size: 18px;margin:0 auto;padding:0 0;font-weight:bold;color:#555;}
	.flexnav li a i{ bottom:5px;}
	.flexnav li span{ display:block; width:20px; height:20px; border-radius:50%;background:#00b0ec url(../images/navdown.png) center no-repeat;position: absolute;right: 30%;top: 19px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
	.flexnav li span.cur{ transform:rotate(180deg);}
	.flexnav li .item-with-ul{ position:static; width:100%; box-shadow:none; display:none;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;transition: all 0s;
} 
	.flexnav .item-with-ul a{ background:#f7f7f7;}
	.menu-button{display:block;width:64px; line-height:64px;float:right;}
	.menu-button.cur::before{transform: rotate(-45deg);top: 39px;}
	.menu-button.cur::after{transform: rotate(45deg);top:40px;border-bottom:0;}

	.menu-button::before{ top:47px;}
	.menu-button::after{ top:35px;}
	
	header .search_wrap .logo,header .search_wrap:before{ display:none;}
	.search_wrap .search_in{ width:100%;}
}
@media screen and (max-width:767px){
	header{ height:70px; border:0;}
	header .topbox:before{ height:70px;}
	header .logo{ height:70px;}
	header .top_tel{ display:none;}
	header .top_line{ margin-top:25px;}
	header .top_search_icon{ width:32px;background-size:25px;height:70px;margin-right: 0;}
	.flexnav{ top:70px;}
	.menu-button::before{ top:40px;}
	.menu-button::after{ top:27px;}
	.menu-button.cur::before{top: 34px;}
	.menu-button.cur::after{top:35px;}
	.search_wrap .search_in{top:10px;}
	.search_in .sub{background-size:25px;}
}
@media screen and (max-width:600px){
  header .logo{ width:60%;}
}

/**top end**/

/* banner 开始 */
.apple-banner { width: 100%; height:782px; overflow: hidden; position: relative; z-index: 9; }
.apple-banner .swiper-container1 { width: 100%; height:100%; position: relative; }
.swiper-button-next, .swiper-button-prev { top: inherit; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: inherit; }
.apple-banner .swiper-button-prev, .apple-banner .swiper-button-next { display: block; width:36px; height:36px; border:2px solid #fff; border-radius:50%; position: absolute; margin-top: 0; border-radius: 100%; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; outline: none; bottom: 40px; top:auto !important;}
.apple-banner .swiper-button-prev:hover, .apple-banner .swiper-button-next:hover{border:2px solid #f3dd16;}
.apple-banner .swiper-button-prev { background: url(../images/ban_jt1.png) center center no-repeat; left:13.6%; }
.apple-banner .swiper-button-next { background: url(../images/ban_jt1.png) center center no-repeat; left:calc(13.6% + 51px); transform:rotate(180deg);}
.apple-banner .swiper-button-prev:hover{ background: url(../images/ban_jt2.png) center center no-repeat;}
.apple-banner .swiper-button-next:hover{ background: url(../images/ban_jt2.png) center center no-repeat;transform:rotate(180deg);}
/*分页器*/
.apple-banner .swiper-container-horizontal>.swiper-pagination-bullets, .apple-banner .swiper-pagination-custom, .apple-banner .swiper-pagination-fraction { top: auto; bottom: 30px; right:13.6%; left: inherit; width: auto; font-size: 18px; color: #fff; font-weight:bold; }
.apple-banner .swiper-pagination-bullet { display: inline-block; background: none; margin: 0 4px; cursor: pointer; border-radius: 0; font-size: 16px; color: rgba(255,255,255,.25); opacity: 1; position: relative; }
.apple-banner .swiper-pagination-bullet::before { display: block; content: ""; width: 7px; height: 14px; background: url(../images/ban_xg.png) no-repeat left center; position: absolute; }
.apple-banner .swiper-pagination-bullet-active { background: #009a7e; }
.apple-banner .swiper-pagination-current { font-size:36px; color: #fff; font-weight:bold; }
.apple-banner .swiper-pagination-total { font-size: 18px; color: #fff; font-weight:bold;}

.swiper-button-next:after, .swiper-button-prev:after{ display:none;}
@media screen and (max-width:1700px) {
	.apple-banner { height:700px; }
}
@media screen and (max-width:1600px) {
	.apple-banner { height: 666px; }
	.apple-banner .swiper-button-prev {left:2.5%; }
    .apple-banner .swiper-button-next {left:calc(2.5% + 51px);}
	.apple-banner .swiper-container-horizontal>.swiper-pagination-bullets, .apple-banner .swiper-pagination-custom, .apple-banner .swiper-pagination-fraction{ right:2.5%;}
}
@media screen and (max-width:1499px) {
.apple-banner { height: 600px; }
.apple-banner .swiper-button-prev, .apple-banner .swiper-button-next{ bottom:30px;}
.apple-banner .swiper-container-horizontal>.swiper-pagination-bullets, .apple-banner .swiper-pagination-custom, .apple-banner .swiper-pagination-fraction{ bottom:20px;}
}
@media screen and (max-width:1299px) {
.apple-banner { height: 500px; }
.apple-banner .swiper-pagination-current, .apple-banner .swiper-pagination span{ font-size:30px !important;}
.apple-banner span.swiper-pagination-total{ font-size:18px !important;}
}
@media screen and (max-width:1080px) {
.apple-banner { height: 450px; }
.apple-banner .swiper-button-prev, .apple-banner .swiper-button-next { bottom: 30px; }
.apple-banner .swiper-container-horizontal>.swiper-pagination-bullets, .apple-banner .swiper-pagination-custom, .apple-banner .swiper-pagination-fraction { right: 30px; bottom: 25px; }
}
@media screen and (max-width:1023px) {
.apple-banner { height: 400px;top: 0; }
.apple-banner .swiper-button-prev, .apple-banner .swiper-button-next { width: 35px; height: 35px; bottom: 30px; }
.apple-banner .swiper-button-prev {background-size: 20%; }
.apple-banner .swiper-button-next {background-size: 20%; }
.apple-banner .swiper-button-prev:hover{background-size: 20%;}
.apple-banner .swiper-button-next:hover{background-size: 20%;}
.apple-banner .swiper-container-horizontal>.swiper-pagination-bullets, .apple-banner .swiper-pagination-custom, .apple-banner .swiper-pagination-fraction { bottom: 25px; }
.apple-banner .swiper-pagination-current, .apple-banner .swiper-pagination span { font-size: 25px !important; }
.apple-banner span.swiper-pagination-total { font-size: 16px !important; }
}
@media screen and (max-width:767px) {
.apple-banner { height: 300px;}
.apple-banner .swiper-button-prev, .apple-banner .swiper-button-next { width: 25px; height: 25px; bottom: 20px; border:1px solid #fff; }
.apple-banner .swiper-button-prev:hover, .apple-banner .swiper-button-next:hover{border:1px solid #f3dd16;}
.apple-banner .swiper-button-prev {background-size: 25%;}
.apple-banner .swiper-button-next {background-size: 25%;left: calc(2.5% + 32px);}
.apple-banner .swiper-button-prev:hover{background-size: 25%; }
.apple-banner .swiper-button-next:hover{background-size: 25%;}
.apple-banner .swiper-container-horizontal>.swiper-pagination-bullets, .apple-banner .swiper-pagination-custom, .apple-banner .swiper-pagination-fraction { right: 20px; bottom: 15px; font-size: 15px; }
.apple-banner .swiper-pagination-current, .apple-banner .swiper-pagination span { font-size: 20px !important; }
.apple-banner span.swiper-pagination-total { font-size: 15px !important; }
}
@media screen and (max-width:600px) {
.apple-banner { height: 250px; }
}
@media screen and (max-width:500px) {
.apple-banner { height: 220px; }
.apple-banner .swiper-button-prev, .apple-banner .swiper-button-next { bottom: 15px; }
.apple-banner .swiper-container-horizontal>.swiper-pagination-bullets, .apple-banner .swiper-pagination-custom, .apple-banner .swiper-pagination-fraction { bottom: 10px; }
}
@media screen and (max-width:375px) {
.apple-banner { height: 180px; }
}
@media screen and (max-width:320px) {
.apple-banner { height: 160px; }
}
/* banner 结束 */

/*首页板块标题*/
.bttitle{ font-size:48px; font-weight:bold; color:#222; text-align:center; display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.bttitle em{ display: inline-block; width:69px; height:8px; background:url(../images/indbtico.png) center no-repeat; margin:0 23px; background-size:100%;}
.bttitle em:nth-of-type(2){ transform: rotate(-180deg);}
@media screen and (max-width:1440px) {
	.bttitle{ font-size:40px;}
}
@media screen and (max-width:1199px) {
	.bttitle{ font-size:36px;}
	.bttitle em{ width:60px; height:7px;}
}
@media screen and (max-width:1023px) {
	.bttitle{ font-size:32px;}
	.bttitle em{ width:50px; height:6px;}
}
@media screen and (max-width:767px) {
	.bttitle{ font-size:24px;}
	.bttitle em{ width:50px; height:6px; margin:0 10px;}
}

/*首页推荐产品*/
.ind_tjpro{ padding:80px 0 130px; background:url(../images/indtj_bg.jpg) center no-repeat; background-size:cover; min-height:300px; position:relative;}
.ind_tjpro:after{ content:""; display:block;background:url(../images/tjcpdz.png) center no-repeat; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); width:1148px; height:274px; background-size:100%;}
.ind_tjpro .w1400{ padding:0 40px; position:relative; height:747px; margin-bottom:80px;}
.ind_tjpro .tjprobox{ width:100%;overflow:hidden; margin-top:40px; position:relative; z-index:2;}

.ind_tjpro .tjprobox ul li{border:1px solid #e6e6e6; border-radius:18px; background: #fff; overflow:hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.88);
}
.ind_tjpro .tjprobox ul li:hover{ border:15px solid #00b0ec; background:#00b0ec;}
.ind_tjpro .tjprobox ul li>div{ width:100%;}
.ind_tjpro .tjprobox ul li .pic{ display:block; width:100%;background:#fff;height:415px; position:relative; border-radius:15px;    overflow: hidden;}
.ind_tjpro .tjprobox ul li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%;}
.ind_tjpro .tjprobox ul li .text{ width:100%;}
.ind_tjpro .tjprobox ul li .text p{width:100%; margin-top:20px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center; }
.ind_tjpro .tjprobox ul li .text .name{display: inline-block;max-width: calc(100% - 74px); text-align:center;font-size:28px; font-weight:bold; color:#222;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ind_tjpro .tjprobox ul li:hover .name{ color:#fff;}
.ind_tjpro .tjprobox ul li .text p:before,.ind_tjpro .tjprobox ul li .text p:after{ content:""; display:block; width:7px; height:7px; border-radius:50%; border:1px solid #00b0ec;}
.ind_tjpro .tjprobox ul li .text p:before{ margin-right:15px;}
.ind_tjpro .tjprobox ul li .text p:after{ margin-left:15px;}
.ind_tjpro .tjprobox ul li .text span{ font-size:18px;color:#999; display:flex; display: -webkit-flex;  justify-content:center;align-items:center; margin-top:5px;}
.ind_tjpro .tjprobox ul li:hover .text span{ color:#fff;}
.ind_tjpro .tjprobox ul li .text span em{ display:block; width:16px; height:12px;background:url(../images/xhico.png) center no-repeat; margin-right:9px;}
.ind_tjpro .tjprobox ul li .text .more{ display:block; width:144px; height:42px; line-height:42px; background:#00b0ec; border-radius:25px; display:flex; display: -webkit-flex;  justify-content:center;align-items:center; color:#fff; font-size:16px; margin:25px auto 45px;}
.ind_tjpro .tjprobox ul li .text .more i{ display:block; width:15px; height:11px;background:url(../images/jt01.png) center no-repeat; margin-left:12px;}

.ind_tjpro .tjprobox .swiper-slide-active{ transform: scale(1); border:15px solid #00b0ec; background:#00b0ec;}
.ind_tjpro .tjprobox ul li.swiper-slide-active .name{ color:#fff; font-size:24px;}
.ind_tjpro .tjprobox ul li.swiper-slide-active .text p:before,.ind_tjpro .tjprobox ul li.swiper-slide-active .text p:after,.ind_tjpro .tjprobox ul li:hover .text p:before,.ind_tjpro .tjprobox ul li:hover .text p:after{border:1px solid #f3dd16;}
.ind_tjpro .tjprobox ul li.swiper-slide-active .text span{ color:#fff; font-size:16px}
.ind_tjpro .tjprobox ul li.swiper-slide-active .text span em,.ind_tjpro .tjprobox ul li:hover .text span em{background:url(../images/xhico2.png) center no-repeat;}
.ind_tjpro .tjprobox ul li.swiper-slide-active .text .more,.ind_tjpro .tjprobox ul li:hover .text .more{background:#f3dd16;color:#00b0ec; margin-bottom:30px;}
.ind_tjpro .tjprobox ul li.swiper-slide-active .text .more i,.ind_tjpro .tjprobox ul li:hover .text .more i{background:url(../images/jt02.png) center no-repeat;}

.ind_tjpro .swiper-button-next, .ind_tjpro .swiper-button-prev{ width:54px; height:54px; border-radius:50%; border:2px solid #bbb;background:url(../images/jt03.png) center no-repeat;}
.ind_tjpro .swiper-button-prev{ left:-27px; transition: all .4s ease;}
.ind_tjpro .swiper-button-next{ transform:rotate(180deg); right:-27px; transition: all .4s ease;}
.ind_tjpro .swiper-button-prev:hover{border:2px solid #00b0ec; background:#00b0ec url(../images/jt04.png) center no-repeat;}
.ind_tjpro .swiper-button-next:hover{border:2px solid #00b0ec; background:#00b0ec url(../images/jt04.png) center no-repeat;}
@media screen and (max-width:1440px) {
	.ind_tjpro{padding: 60px 0;}
	.ind_tjpro:after{width: 1000px; height: 239px;bottom: 15px;}
	.ind_tjpro .w1400{ margin-bottom:10px;}
	.ind_tjpro .tjprobox{ margin-top:30px;}
	.ind_tjpro .tjprobox .swiper-slide-active{border: 10px solid #00b0ec;}
	.ind_tjpro .tjprobox ul li:hover{ border:10px solid #00b0ec;}
	.ind_tjpro .tjprobox ul li .pic{ height:360px;}
	.ind_tjpro .tjprobox ul li .text .name{ font-size:24px;}
	.ind_tjpro .tjprobox ul li.swiper-slide-active .name{ font-size:22px;}
	.ind_tjpro .tjprobox ul li .text .more{margin: 15px auto 30px;}
	.ind_tjpro .swiper-button-next, .ind_tjpro .swiper-button-prev{ width:48px; height:48px;}
	.ind_tjpro .swiper-button-prev{ left:-14px;}
	.ind_tjpro .swiper-button-next{ right:-14px;}
}
@media screen and (max-width:1199px) {
	.ind_tjpro{padding:50px 0;}
	.ind_tjpro:after{ width:850px; height:203px;}
	.ind_tjpro .w1400{ height:660px;}
	.ind_tjpro .tjprobox ul li .pic{ height:300px;}
	
}
@media screen and (max-width:1023px) {
	.ind_tjpro{padding:40px 0;}
	.ind_tjpro:after{ display:none;}
	.ind_tjpro .w1400{ height:470px; margin-bottom:0;}
	.ind_tjpro .tjprobox{ margin-top:25px;}
	.ind_tjpro .tjprobox .swiper-slide-active{border: 5px solid #00b0ec;}
	.ind_tjpro .tjprobox ul li:hover{ border:5px solid #00b0ec;}
	.ind_tjpro .tjprobox ul li .pic{ height:250px;}
	.ind_tjpro .tjprobox ul li .text{ padding:0 20px;}
	.ind_tjpro .tjprobox ul li .text p{ margin-top:10px;}
	.ind_tjpro .tjprobox ul li .text p:before,.ind_tjpro .tjprobox ul li .text p:after{ display:none;}
	.ind_tjpro .tjprobox ul li .text .name{ max-width:100%;}
	.ind_tjpro .tjprobox ul li .text .name{ font-size:18px;}
	.ind_tjpro .tjprobox ul li.swiper-slide-active .name{ font-size:16px;}
	.ind_tjpro .tjprobox ul li .text span{ font-size:16px;}
	.ind_tjpro .tjprobox ul li.swiper-slide-active .text span{ font-size:14px;}
	.ind_tjpro .tjprobox ul li .text .more{ width:124px; height:38px; font-size:14px;margin: 10px auto 20px;}
	.ind_tjpro .tjprobox ul li.swiper-slide-active .text .more, .ind_tjpro .tjprobox ul li:hover .text .more{ margin-bottom:20px;}
	.ind_tjpro .swiper-button-next, .ind_tjpro .swiper-button-prev{ width:40px; height:40px;}
	.ind_tjpro .swiper-button-prev{ left:-10px;}
	.ind_tjpro .swiper-button-next{ right:-10px;}
}
@media screen and (max-width:880px) {
	.ind_tjpro .tjprobox ul li .pic{ height:220px;}
}
@media screen and (max-width:767px) {
	.ind_tjpro{padding:30px 0;}
	.ind_tjpro .w1400{ height:auto; min-height: 300px;}
	.ind_tjpro .tjprobox{ margin-top:20px;}
	.ind_tjpro .tjprobox ul li{transform: scale(1);border: 5px solid #00b0ec;}
	.ind_tjpro .tjprobox ul li .pic{ height:280px;}
	.ind_tjpro .tjprobox ul li .text p:before,.ind_tjpro .tjprobox ul li .text p:after{ display: block;}
	.ind_tjpro .tjprobox ul li .text .name{max-width: calc(100% - 54px);}
	.ind_tjpro .tjprobox ul li.swiper-slide-active .name{ font-size:18px;}
}

/*首页四大优势*/
.ind_youshi{ width:100%; padding:80px 0 43px;background:url(../images/indys_bg.jpg) center no-repeat; background-size:cover;}
.ind_youshi .bttitle{ color:#fff;}
.ind_youshi .ysbox{ width:100%; background:#00b0ec; border-radius:20px 20px 0 0; margin-top:45px; overflow:hidden;}
.ind_youshi .ysbox .whitebox{ height:600px;background:#fff; border-radius:20px 20px 0 0; margin-top:25px; padding:65px 70px; position:relative;}
.ind_youshi .ysbox .whitebox ul{ width:100%; overflow:hidden;}
.ind_youshi .ysbox .whitebox ul li{ width:26%;display:flex; display: -webkit-flex; position:absolute;}
.ind_youshi .ysbox .whitebox ul li:nth-of-type(1){left:70px; top:85px;}
.ind_youshi .ysbox .whitebox ul li:nth-of-type(2){right:70px; top:85px;}
.ind_youshi .ysbox .whitebox ul li:nth-of-type(3){left:70px; bottom:65px;}
.ind_youshi .ysbox .whitebox ul li:nth-of-type(4){right:70px; bottom:65px;}
.ind_youshi .ysbox .whitebox ul li .data{ font-size:72px; color:#ddd; font-weight:bold;font-family: "Aileron"; letter-spacing:-7px; margin-right:20px; height:50px;line-height: 50px; position:relative;}
.ind_youshi .ysbox .whitebox ul li .data:after{ content:""; display:block; width:28px; height:25px;background:url(../images/dataico.png) center no-repeat; position:absolute; right:7px; bottom:-12px;}
.ind_youshi .ysbox .whitebox ul li p{ font-size:24px; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:3px; margin-bottom:20px;}
.ind_youshi .ysbox .whitebox ul li .xzms{ font-size:16px; line-height:30px; color:#777;}
.ind_youshi .ysbox .whitebox .yspic{ width:36%;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ind_youshi .ysbox .whitebox .yspic img{ max-width:94%; max-height:94%;}
@media screen and (max-width:1440px) {
	.ind_youshi{padding:60px 0;}
	.ind_youshi .ysbox{margin-top: 30px;}
}
@media screen and (max-width:1199px) {
	.ind_youshi{padding:50px 0;}
	.ind_youshi .ysbox .whitebox{ padding:45px; height:500px;margin-top: 20px;}
	.ind_youshi .ysbox .whitebox ul li{ width:28%;}
	.ind_youshi .ysbox .whitebox ul li .data{ font-size:60px;}
	.ind_youshi .ysbox .whitebox ul li .data:after{ bottom:-5px;}
	.ind_youshi .ysbox .whitebox ul li p{ font-size:20px;}
	.ind_youshi .ysbox .whitebox ul li .xzms{ font-size:15px; line-height:26px;}
	.ind_youshi .ysbox .whitebox .yspic{ width:30%;}
}
@media screen and (max-width:1023px) {
	.ind_youshi{padding:40px 0;}
	.ind_youshi .ysbox{margin-top:25px;}
	.ind_youshi .ysbox .whitebox{ padding:40px;}
	.ind_youshi .ysbox .whitebox ul li:nth-of-type(1){ left:40px; top:50px;}
	.ind_youshi .ysbox .whitebox ul li:nth-of-type(2){ right:40px; top:50px;}
	.ind_youshi .ysbox .whitebox ul li:nth-of-type(3){ left:40px; bottom:50px;}
	.ind_youshi .ysbox .whitebox ul li:nth-of-type(4){ right:40px; bottom:50px;}
	.ind_youshi .ysbox .whitebox ul li .data{ font-size:50px;}
	.ind_youshi .ysbox .whitebox ul li .data:after{ width:22px; height:20px; bottom:0;}
}
@media screen and (max-width:767px) {
	.ind_youshi{padding:30px 0; display:none;}
	.ind_youshi .ysbox{margin-top: 20px;}
}
/*首页产品展示*/
.ind_cpzs{width:100%; padding:40px 0 90px; overflow:hidden;}
.ind_cpzs .w1400{width: calc(1401px);}
.indPro_mulu {margin:40px 0 50px;text-align:center;max-height:60px;overflow:hidden;}
.indPro_mulu a{display:inline-block;width:15.33333%;height: 60px;line-height:60px;margin-right:1.3%;text-align:center;color:#222;font-size: 18px;background: #f6f6f6;padding:0 1.5%; border-radius:30px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;transition: all .4s ease;}
.indPro_mulu a:nth-child(6n){margin-right:0;}
.indPro_mulu a:hover{background: #00b0ec;color:#f3dd16; font-weight:bold;}
.indPro_mulu a.on{background: #00b0ec;color:#f3dd16;font-weight:bold;}

.ind_cpzs .prolist{ width:100%; overflow:hidden; position:relative; padding-bottom:84px; min-height:300px;}
.ind_cpzs .prolist li{ width:23.5%; float:left; background:#fff; border: 1px solid #e6e6e6; padding:9px 9px 18px; border-radius:15px;transition: all .4s ease;}
.ind_cpzs .prolist li:hover{background:#00b0ec;border: 1px solid #00b0ec;}
.ind_cpzs .prolist li .pic{ display:block; width:100%; height:272px;border-radius:12px; overflow:hidden; position:relative; background:#fff;}
.ind_cpzs .prolist li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%;transition: all .4s ease;}
.ind_cpzs .prolist li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.ind_cpzs .prolist li .text{ padding:0 15px;}
.ind_cpzs .prolist li .text .name{ font-size:18px; font-weight:bold; color:#333; margin:15px 0 5px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; transition: all .4s ease;}
.ind_cpzs .prolist li:hover .text .name{ color:#fff;}
.ind_cpzs .prolist li .text span{ font-size:16px;color:#999; display:flex; display: -webkit-flex;align-items:center;}
.ind_cpzs .prolist li:hover .text span{ color:#fff; opacity:.45;}
.ind_cpzs .prolist li .text span em{  display: inline-block; width:13px; height:13px;background:url(../images/xhico3.png) center no-repeat; margin-right:9px;}
.ind_cpzs .prolist li:hover .text span em{background:url(../images/xhico4.png) center no-repeat;}
.ind_cpzs .prolist li .text .more{ display:block; width:100%; font-size:14px; color:#999;display:flex; display: -webkit-flex;  align-items:center;transition: all .4s ease;}
.ind_cpzs .prolist li:hover .text .more{ color:#f3dd16;}
.ind_cpzs .prolist li .text .more i{ width:70%; height:1px; background:#e6e6e6; margin-right:18px;transition: all .4s ease;}
.ind_cpzs .prolist li:hover .text .more i{background:#f3dd16;}

.ind_cpzs .probtn{ width:100%;position: absolute;bottom: 0;}
.ind_cpzs .probtn em{ display:block; width: calc(100% - 300px); height:1px; background:#ddd; position:absolute; bottom:18px; left:0;}
.ind_cpzs .probtn .cpzxmore{ display:block; width:160px; height:36px; line-height:36px; border-radius:20px; text-align:center; color:#fff;background:#00b0ec; font-size:16px; position:absolute; right:55px; bottom:0;transition: all .4s ease;}
.ind_cpzs .probtn .cpzxmore:hover{background: #f3dd16;color: #00b0ec;}
.ind_cpzs .probtn .swiper-button-next, .ind_cpzs .probtn .swiper-button-prev{ width:36px; height:36px; border-radius:50%; border:1px solid #bbb;background:url(../images/jt03.png) center no-repeat; background-size:8px 14px; top:auto; bottom:0;}
.ind_cpzs .probtn .swiper-button-prev{ left:auto; transition: all .4s ease;right:236px;}
.ind_cpzs .probtn .swiper-button-next{ transform:rotate(180deg); right:0; transition: all .4s ease;}
.ind_cpzs .probtn .swiper-button-prev:hover{border:1px solid #00b0ec; background:#00b0ec url(../images/jt04.png) center no-repeat;background-size:8px 14px;}
.ind_cpzs .probtn .swiper-button-next:hover{border:1px solid #00b0ec; background:#00b0ec url(../images/jt04.png) center no-repeat;background-size:8px 14px;}

@media screen and (max-width:1440px) {
	.ind_cpzs{padding:20px 0 60px;}
	.indPro_mulu{ margin:30px 0; max-height:50px;}
	.indPro_mulu a{height:50px; line-height:50px;}
}
@media screen and (max-width:1199px) {
	.ind_cpzs{padding:10px 0 50px;}
	.ind_cpzs .w1400{width: calc(95% + 1px);}
    .indPro_mulu a{width:23.5%;}
	.indPro_mulu a:nth-child(4n){margin-right:0;}
	.indPro_mulu a:nth-child(6n){margin-right:2%;}
	
	.ind_cpzs .prolist li .pic{ height:230px;}
}
@media screen and (max-width:1023px) {
	.ind_cpzs{padding:10px 0 40px;}
	.ind_cpzs .w1400{width:95%;}
	.indPro_mulu{max-height:50px;margin:30px 0;}
	.indPro_mulu a{padding:0 1%;width: 20%;font-size: 15px;height:48px;line-height:48px;}
}
@media screen and (max-width:767px) {
	.ind_cpzs{padding:0 0 30px;}
    .indPro_mulu{max-height:88px;height:auto;}
	.indPro_mulu{margin:20px 0;}
	.indPro_mulu a{width: 30%;height:40px;line-height:40px;font-size: 14px;margin-right: 2%;margin-bottom:5px;padding: 0 10px;}
	.indPro_mulu a:nth-child(3n){margin-right:0;}
	
	.ind_cpzs .prolist{ padding-bottom:64px;}
}
@media screen and (max-width:600px) {
    .ind_cpzs .prolist li .pic{ height:180px;}
	.ind_cpzs .prolist li .text .name{ font-size:15px; margin:5px 0;}
	.ind_cpzs .prolist li .text span{ font-size:14px;}
	.ind_cpzs .prolist li .text span em{ display:none;}
	.ind_cpzs .prolist li .text .more{ display:none;}
	.ind_cpzs .probtn .cpzxmore{ font-size:14px; width:130px; right:45px;}
	.ind_cpzs .probtn .swiper-button-prev{ right:183px;}
	.ind_cpzs .probtn em{width: calc(100% - 240px);}
}

/*首页关于我们*/
.ind_about{width: 100%; padding: 80px 0; background: url(../images/indabout_bg.jpg) top no-repeat;}
.ind_about .bttitle{ color:#fff;}
.ind_about .abcont{ width:80%; margin:35px auto 0;font-size:18px; line-height:38px; height:114px; color:rgba(255,255,255,.65);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ind_about .more{display:block; width:140px; height:36px; line-height:36px; background:#00b0ec; border-radius:25px; display:flex; display: -webkit-flex;  justify-content:center;align-items:center; color:#fff; font-size:16px; margin:35px auto 0;transition: all .4s ease;}
.ind_about .more:hover{ background:#f3dd16; color:#00b0ec;}
.ind_about .more i { display: block; width: 15px; height: 11px; background: url(../images/jt01.png) center no-repeat; margin-left: 12px;
transition: all .4s ease;}
.ind_about .more:hover i{background: url(../images/jt02.png) center no-repeat;}
.ind_about .workshop{width: calc(1400px + 52px); margin:0 auto; padding:52px 52px 0 52px; background:#fff; border-radius:16px; margin-top:55px; overflow:hidden;}
.ind_about .workshop dl dd{ width:32%; float:left; margin-right:2%; border-radius:8px; background:#f4f4f4;transition: all .4s ease;}
.ind_about .workshop dl dd:nth-child(3n){ margin-right:0;}
.ind_about .workshop dl dd:hover{ background:#00b0ec;}
.ind_about .workshop dl dd .pic{ width:100%; height:300px; overflow:hidden; border-radius:8px 8px 0 0;}
.ind_about .workshop dl dd .pic img{ width:100%; height:100%;object-fit: cover;transition: all .4s ease;}
.ind_about .workshop dl dd:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.ind_about .workshop dl dd .name{ width:100%; height:76px;display: flex;display: -webkit-flex; justify-content: center; align-items: center;}
.ind_about .workshop dl dd .name:before,.ind_about .workshop dl dd .name:after{content:""; display:block; width:35px; height:2px;background: url(../images/indcfico2.png) center no-repeat;}
.ind_about .workshop dl dd .name:after{ transform:rotate(-180deg);}
.ind_about .workshop dl dd:hover .name:before,.ind_about .workshop dl dd:hover .name:after{background: url(../images/indcfico.png) center no-repeat;}
.ind_about .workshop dl dd .name p{font-size:18px; color:#555;display: inline-block;max-width: calc(100% - 160px); margin:0 20px; text-align:center; font-weight:bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ind_about .workshop dl dd:hover .name p{ color:#fff;}
@media screen and (max-width:1560px) {
	.ind_about .workshop{ width:95%;padding: 40px 40px 0 40px;margin-top: 45px;}
}
@media screen and (max-width:1440px) {
    .ind_about{padding: 60px 0;}
	.ind_about .abcont{ margin: 25px auto 0;}
	.ind_about .more{ margin-top:25px;}
	.ind_about .workshop dl dd .pic{ height:260px;}
	.ind_about .workshop dl dd .name{ height:64px;}
}
@media screen and (max-width:1199px) {
    .ind_about{padding: 50px 0;}
	.ind_about .workshop{padding: 30px 30px 0 30px;}
	.ind_about .workshop dl dd .pic{ height:230px;}
	.ind_about .workshop dl dd .name p{ font-size:16px; margin:0 15px;}
}
@media screen and (max-width:1023px) {
    .ind_about{padding: 40px 0;}
	.ind_about .abcont{ width:90%; font-size:16px; line-height:34px; height:102px; margin: 15px auto 0;}
	.ind_about .more{ margin-top:20px;}
	.ind_about .workshop{ margin-top:30px;padding: 25px 25px 0 25px;}
	.ind_about .workshop dl dd .pic{ height:180px;}
	.ind_about .workshop dl dd .name{height:54px; }
	.ind_about .workshop dl dd .name:before, .ind_about .workshop dl dd .name:after{ display:none;}
	.ind_about .workshop dl dd .name p{ max-width:100%; }
}
@media screen and (max-width:767px) {
    .ind_about{padding: 30px 0;}
	.ind_about .workshop{padding: 20px 20px 0 20px;}
	.ind_about .workshop dl dd{ width:49%;}
	.ind_about .workshop dl dd:nth-of-type(2){ margin-right:0;}
	.ind_about .workshop dl dd:last-child{ display:none;}
}
@media screen and (max-width:550px) {
	.ind_about .abcont{height: 170px; -webkit-line-clamp: 5;}
	.ind_about .workshop{padding: 15px 15px 0 15px;}
	.ind_about .workshop dl dd .pic{ height:150px;}
	.ind_about .workshop dl dd .name{ height:44px;}
}

/*首页技术文章*/
.ind_article{ width:100%;padding-bottom:60px; background:#fff; overflow:hidden;}
.ind_article .indartbox{ width:100%; min-height:300px; margin-top:40px;}
.ind_article .indartbox .artli{ width:48.9%; float:left; margin-right:2.2%; margin-bottom:30px; border:1px solid #e6e6e6; border-radius:8px; padding:30px; transition: all .4s ease;}
.ind_article .indartbox .artli:nth-child(2n){ margin-right:0;}
.ind_article .indartbox .artli .left{ width:60px; float:left; background:#00b0ec; border-radius:8px; padding:12px 7px; transition: all .4s ease;}
.ind_article .indartbox .artli .left i{ display:block; width:14px; height:14px;background: url(../images/time01.png) center no-repeat; margin-bottom:14px;}
.ind_article .indartbox .artli .left p{ font-size:12px; color:#fff; opacity:.75; transition: all .4s ease;}
.ind_article .indartbox .artli .left span{ font-size:24px; line-height:24px; color:#fff; font-weight:bold; transition: all .4s ease;}
.ind_article .indartbox .artli .right{ width: calc(100% - 88px); float:right;}
.ind_article .indartbox .artli .right .name{ font-size:18px; color:#333; font-weight:bold; margin-bottom:14px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; transition: all .4s ease;}
.ind_article .indartbox .artli .right .ms{ font-size:16px; color:#999; line-height:28px; height:56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: all .4s ease;}

.ind_article .indartbox .artli:hover{border:1px solid #00b0ec; background:#00b0ec;}
.ind_article .indartbox .artli:hover .left{background:#f3dd16;}
.ind_article .indartbox .artli:hover .left i{ background: url(../images/time02.png) center no-repeat;}
.ind_article .indartbox .artli:hover .left p{color:#00b0ec;opacity:.65;}
.ind_article .indartbox .artli:hover .left span{color:#00b0ec;}
.ind_article .indartbox .artli:hover .right .name{color:#fff;}
.ind_article .indartbox .artli:hover .right .ms{color:rgba(255,255,255,.45);}
@media screen and (max-width:1440px) {
	.ind_article{padding-bottom: 30px;}
	.ind_article .indartbox{ margin-top:30px;}
}
@media screen and (max-width:1199px) {
	.ind_article{padding-bottom: 25px;}
	.ind_article .indartbox .artli{ margin-bottom:25px;}
}
@media screen and (max-width:1023px) {
	.ind_article{padding-bottom:23px;}
	.ind_article .indartbox{ margin-top:25px;}
	.ind_article .indartbox .artli{padding: 20px; margin-bottom:17px;}
	.ind_article .indartbox .artli .right{width: calc(100% - 75px);}
}
@media screen and (max-width:767px) {
	.ind_article{padding-bottom: 20px;}
	.ind_article .indartbox{ margin-top:20px;}
	.ind_article .indartbox .artli{ width:100%; margin-right:0;margin-bottom: 10px; padding:15px;}
	.ind_article .indartbox .artli .right .name{ font-size:16px;margin-bottom: 8px;}
	.ind_article .indartbox .artli .right .ms{ font-size:14px;}
}

/*footer*/
footer{ width:100%; background:#04a0d5; border-top:8px solid #f3dd16; overflow:hidden;}
footer .footone{ padding:65px 0; border-bottom:1px solid rgba(255,255,255,.1);}
footer .footone .footlogo{ width:25%; float:left;}
footer .footone .footlogo img{ max-width:100%;}
footer .footone .footnav{ width:70%; float:right;}
footer .footone .footnav dl dd{ width:30%;  float:left; padding:0 2%;}
footer .footone .footnav dl dd:last-child{ width:90px; float:right; padding:0;}
footer .footone .footnav dl dd .ftbt{ display:block; font-size:18px; font-weight:bold; font-weight:bold; color:#fff;display:flex; display: -webkit-flex; align-items:center; margin-bottom:20px;}
footer .footone .footnav dl dd .ftbt em{ display:inline-block; width:24px; height:24px; border-radius:50%;background: #f3dd16 url(../images/jt05.png) center no-repeat; margin-left:18px;}
footer .footone .footnav dl dd .list{max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; color:rgba(255,255,255,.75); font-size:16px; line-height:42px; transition: all .4s ease;}
footer .footone .footnav dl dd .list:hover{ color:#fff;}

footer .foottwo{ margin:53px auto;}
footer .foottwo .left{width: calc(100% - 400px); float:left;}
footer .foottwo .left .foottel{ font-size:36px; line-height:38px; font-weight:bold; color:#f3dd16;display:flex; display: -webkit-flex; align-items:center;}
footer .foottwo .left .foottel span{font-size:16px; font-weight: normal; color:rgba(255,255,255,.75); padding-left:14px;display:flex; display: -webkit-flex;align-items:center;}
footer .foottwo .left .foottel span img{ margin:0 5px;}
footer .foottwo .left .lxfs{ margin:10px 0 20px; overflow:hidden;}
footer .foottwo .left .lxfs p{font-size:16px;color:rgba(255,255,255,.75); float:left;display:flex; display: -webkit-flex; align-items:center;}
footer .foottwo .left .lxfs p:nth-of-type(2){ margin-left:5%;}
footer .foottwo .left .lxfs p img{ margin-right:10px;}
footer .foottwo .left .banquan,footer .foottwo .left .banquan a{ clear:both;font-size:16px;color:rgba(255,255,255,.75);transition: all .4s ease;}
footer .foottwo .left .banquan a:hover{color:#fff;}
footer .foottwo .right{ float:right;display:flex; display: -webkit-flex;justify-content: space-between; align-items:center;}
footer .foottwo .right>div{display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
footer .foottwo .right .ewm{ width:120px; height:120px;background: url(../images/kuang.png) center no-repeat;}
footer .foottwo .right .ewm img{ width:102px; height:102px; margin:9px 0 0 9px;}
footer .foottwo .right>div p{writing-mode: vertical-rl; font-size:16px; color:rgba(255,255,255,.75); margin-left:24px;}
footer .foottwo .right .lyFoot_back{ display:block; width:50px; margin-left:70px;}
footer .foottwo .right .lyFoot_back img{ width:100%;}
@media screen and (max-width:1400px) {
    footer .footone .footnav dl dd{ width:29%;}
}

@media screen and (max-width:1199px) {
    footer .footone .footnav dl dd{ width:28%;  float:left; padding:0 2%;}
    footer .footone .footnav dl dd:last-child{ width:16%; float:right; padding:0;}
}
@media screen and (max-width:1199px) {
    footer .footone{padding: 50px 0 35px;}
	footer .foottwo {margin: 40px auto;}
}
@media screen and (max-width:1023px) {
	footer .footone .footlogo{ display:none;}
	footer .footone .footnav{ width:100%;}
	footer .footone .footnav dl dd .ftbt{ font-size:16px;}
	footer .foottwo .left .foottel span{ display:none;}
	footer .foottwo .left .lxfs{margin: 10px 0 0;}
	footer .foottwo .left .lxfs p{ width:100%; margin:10px 0;}
	footer .foottwo .left .lxfs p:nth-of-type(2){ margin-left:0;}
	footer .foottwo .left .banquan, footer .foottwo .left .banquan a{ display:none;}
}
@media screen and (max-width:767px){
	footer .footone{padding: 40px 0 15px;}
	footer .footone .footlogo{ display:block; width:50%;}
	footer .footone .footnav{ width:44%; float:left;}
	footer .footone .footnav dl dd{width:100%;}
    footer .footone .footnav dl dd:nth-of-type(4){ display:none;}
	footer .footone .footnav dl dd .ftbt{justify-content: flex-end;  }
	footer .footone .footnav dl dd .list{ display:none;}
	
	footer .foottwo{ margin:30px auto;}
	footer .foottwo .left{ width:100%;}
	footer .foottwo .left .foottel{ font-size:30px;justify-content:center; margin-bottom:15px;}
	footer .foottwo .left .lxfs{ display:none;}
	footer .foottwo .right{ width:100%;justify-content:center;}
	footer .foottwo .right .lyFoot_back{ display:none;}
	
}


/*友情链接*/
.link{ width:100%; background:#00b0ec;}
.link .w1400{display: -webkit-flex;display: flex;flex-wrap: wrap;}
.link .left{ width:150px;line-height:80px; float:left; color:#fff; font-size:18px; font-weight:bold;display:flex; display: -webkit-flex;align-items: center;}
.link .left img{ margin-right:15px;}
.link .right{width: calc(100% - 168px); float:left; padding:32px 0;}
.link .right a{ color:rgba(255,255,255,.75); float:left;font-size:16px; line-height:28px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;transition: all .4s ease;}
.link .right a:hover{color:#fff;}
.link .right a i{ display:inline-block; width:6px; height:1px; background:rgba(255,255,255,.75); margin:0 10px;}
.link .right a:first-child i{ display:none;}
@media screen and (max-width:767px){
	.link{ padding:20px 0 15px; overflow:hidden; display:none;}
	.link .w1400{display:block !important;}
	.link .left{ width:100%; height:45px; font-size:16px;}
	.link .left img{ width:26px;}
	.link .right{ width:100%; padding:10px 0 0;}
	.link .right a{ font-size:15px; line-height:28px;}
}

/*在线客服*/
.kfView4{background-color: #00b0ec;border: 2px solid #00b0ec;position: fixed;width: 80px;top:20%;right: 10px;text-align: center;display: block;-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);box-shadow: 0 6px 12px rgba(0,0,0,0.1);border-radius: 0 0 8px 8px;font-size: 12px;z-index: 99999;}
.kfView4 ul{margin: 0;padding-top: 45px;color:#fff;}
.kfView4 ul li{position: relative;}
.kfView4 ul li a{display: block;color: #FFF;text-decoration: none;overflow: hidden;height: auto;width: 100%;padding: 43px 0 12px; background: url(../images/kefu-tb.png) no-repeat top center;}
.kfView4 ul li a:hover{background-color: #04a0d5;}
.kfView4 a.kefu-lx{background-image: url(../images/kefu.png);background-repeat: no-repeat;background-position: center top;position: absolute;top: -40px;text-indent: -9999px;height: 80px;width: 80px;z-index: 999999;left: 0px;border-width: 0;overflow: hidden}
.kefu a.kefu-lx:hover{background-color: rgba(255,255,255,0)}
.kfView4 ul li a.kf{display: block;padding: 10px 0}
.kfView4 ul li a.kefu-tel{background-position: center -79px}
.kfView4 ul li a.kefu-qq{background-position: center -150px}
.kfView4 ul li a.kefu-wx{background-position: center -220px}
.kfView4 ul li a.kefu_bottom{background-position: center -288px;padding: 30px 0 10px 0;border-radius: 0 0 8px 8px}
.kfView4 ul li a.kefu_top{background-position: center -15px;padding: 30px 0 10px 0}
.kefu:hover ul li a{display: block}
.kfView4 ul li p{ position: absolute; top: 0; right: 82px; width:0; padding: 0 ; font-size: 14px; line-height: 24px; text-align: left; color:#fff; background: #00b0ec; display: block;
  opacity: 0;transition: all .4s ease-in-out .1s;overflow: hidden;z-index: 201;}
.kfView4 ul li:hover p{ width:150px; padding:15px; opacity: 1;}
.kfView4 ul li .wechat p {}
/*在线客服*/

@media (max-width:800px) {
    .kfView4 { width:60px; border-radius:8px; right:2px; top:auto; bottom:20%;}
	.kfView4 a.kefu-lx { display:none;}
	.kfView4 ul { padding:0;}
	.kfView4 ul li:nth-child(2){ display:none;}
	.kfView4 ul li p { display:none!important;}
	.kfView4 ul li a { font-size:12px;}
}
@media (max-width: 767px) {
    #KFRightScreen { display:none!important;}
}
@media (max-width:767px) {
   .Xwt-dialog-ybzhan{ display:none;}
}